<div class="row notificaciones">
	<!-- espacio para mostrar notificaciones -->
</div>
<div class="row">
	<div class="three columns panel">
		<h2>Categorias</h2>
		<?php if(count($this->categorias)==0) { ?>
			<div class="panel">
				<p>No hay categorias disponibles.</p>
			</div>
		<?php } else { ?>
			<ul class="nav-bar vertical">
		<?php
			 foreach($this->categorias as $key => $record){ 
		?>
			<li><a href="#<?=$record['key'] ?>"><?=$record['value'] ?></a></li>
		<?php } //end foreach ?>
			</ul>
		<?php } ?>
		<!--
		<ul class="nav-bar vertical">
		  <li class="active"><a href="#">Nav Item 1</a></li>
		  <li class="has-flyout">
			<a href="#">Nav Item 2</a>
			<a href="#" class="flyout-toggle"><span> </span></a>
			<ul class="flyout">
			  <li><a href="#">Sub Nav Item 1</a></li>
			  <li><a href="#">Sub Nav Item 2</a></li>
			  <li><a href="#">Sub Nav 3</a></li>
			  <li><a href="#">Sub Nav 4</a></li>
			  <li><a href="#">Sub Nav Item 5</a></li>
			</ul>
		  </li>
		  <li class="has-flyout">
			<a href="#">Nav Item 3</a>
			<a href="#" class="flyout-toggle"><span> </span></a>
			<div class="flyout">
			  <h5>Regular Dropdown</h5>
			  <div class="row">
				<div class="six columns">
				  <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
				</div>
				<div class="six columns">
				  <p>This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text. This is example text.</p>
				</div>
			  </div>
			</div>
		  </li>
		  <li>
			<a href="#">Nav Item 4</a>
		  </li>
		</ul>
		
		-->
	</div>
	<div class="nine columns">

		<div class="row producto-detalle">
			<div class="four columns">
			  <div class="producto-con">
				<img src="<?php echo $this->baseUrl("/images/productos/".$this->detalle['imagen']); ?>" alt="<?=$record['nombre']?>" />
			  </div>
			  <div class="panel">

				<p>Precio: <span class="precio">$ <?=$this->detalle['precio']?></span></p>
			  </div>
			</div>
			<div class="eight columns">
			  <div class="panel">
				<h2><?= $this->detalle['nombre'] ?></h2> 
				<p><?= $this->detalle['descripcion'] ?></p>
				<p>Disponibilidad: En stock</p>
				<p> 
					<label for="cantidad">Cantidad:</label>
					<input type="text" name="cantidad" id="cantidad" value="1" size="30">
					<a href="<?php echo $this->baseUrl("/carrito/agregar/id/".$this->detalle['id_producto']); ?>" class="success button btn-agregar-multiple">Agregar</a>
				</p>
			  </div>
			</div>
		</div>
		<div class="row">
			<div class="twelve columns">
				<dl class="tabs">
					<dd class="active"><a href="#simple1">Descripción</a></dd>
					<dd><a href="#simple2">Comentarios</a></dd>
				</dl>

				<ul class="tabs-content">
					<li class="active" id="simple1Tab"><?= $this->detalle['descripcion'] ?></li>
					<li id="simple2Tab">Comentarios</li>
				</ul>
			</div>
		</div>

	</div>
</div>

			
